/*
  学习目标：创建一个h1标签, 显示在浏览器中
*/

// 1. 导入react  react-dom
// React负责创建React元素 - 虚拟DOM
// ReactDOM负责渲染React元素
import React from 'react';
import ReactDOM from 'react-dom';

// 2. 创建React元素: React.createElement
// 语法: React.createElement("标签的类型", {标签属性: 属性值}, "标签的内容")
const title = React.createElement('i', { id: 'box', name: 'xxx' }, 'hello 79');

// 3. 渲染React元素
// 语法: React.render(React元素, 真实的DOM节点作为挂载点)
ReactDOM.render(title, document.getElementById('root'));
